<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <title>医睦测试</title>
    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, viewport-fit=cover">

    <style>
        .box{
            background: #FFF9ED;
            border-radius: 4px;
            font-size: 16px;
            height: 400px;
            padding-bottom: 50px;
            border: 4px solid red;

            overflow-y: auto;
        }

        p{
            height: 100px;
            background-color: cadetblue;
        }


    </style>

</head>

<body>
    <div class="box">
        <p>123</p>
        <p>123</p>
        <p>123</p>
        <p>123</p>
        <p>123</p>
        <p>123</p>
        <p>123</p>
        <p>123</p>
    </div>

</body>

</html>